<!--
 * @Description: mark
 * @Author: wangwangwang
 * @Date: 2020-06-23 20:02:45
 * @LastEditors: wangwangwang
 * @LastEditTime: 2020-07-29 09:49:37
--> 
<template>
	<div class="homeE">
		<div id="homeE" style="width: 100%;height:400px;"></div>
	</div>
</template>

<script>
var echarts = require('echarts');
export default {
	data() {
		return {
			name: ''
		};
	},
	created() {
	},
	mounted() {
		var myChart = echarts.init(document.getElementById('homeE'));
		myChart.setOption({
			title: {
				text: '物料品质检测',
				left: 'left'
			},
			tooltip: {
				trigger: 'item',
				formatter: '{a} <br/>{b} : {c} ({d}%)'
			},
			legend: {
				orient: 'vertical',
				right: 20,
				top: 'middle',
				data: ['最终检验', '过程检验', '出货检验', '来料检验']
			},
			toolbox: {
				show: true,
				feature: {
					restore: { show: true },
					saveAsImage: { show: true }
				}
			},
			series: [
				{
					name: '所占比',
					type: 'pie',
					radius: [50, 110],
					center: ['40%', '50%'],
					roseType: 'area',
					data: [{ value: 60, name: '最终检验' }, { value: 5, name: '过程检验' }, { value: 15, name: '出货检验' }, { value: 10, name: '来料检验' }]
				}
			],

			color: ['#467FCF', '#B6A2DE', '#5AB1EF', '#FFB980']
		});
	},
	methods: {}
};
</script>

<style lang="scss" scoped>
.homeE {
  padding: $px_24 $px_24 0 $px_24;
}
</style>
